.xr-navbar{
  display: flex;
  position: fixed;
  box-sizing: border-box;
  bottom: 0;
  width: 100%;
  max-width: 640px;
  height: 2.5rem;
  border-top: 1px solid #ddd;
  z-index: 200;
  text-align: center;
  background-color: #f8f8f8;
}

.xr-navbar > .xr-navbar-item{
   flex:1;
   color: #808080;
   padding-bottom: 0.4rem;
}

.xr-navbar > .xr-navbar-item.active{
  color: #09bb07;
}


.xr-navbar > .xr-navbar-item > .icon{
   padding-top: .3rem;
   padding-left: .1rem;
   padding-right: .1rem;
   font-size: 1.1rem;
}


.xr-navbar > .xr-navbar-item > .name{
  display: block;
  font-size: .5rem;
}
